		html,
		body {
			background: #e7e8eb;
			margin: 0;
			padding: 0;
			height: 100%;
			box-sizing: border-box;
		}
		
	
		#app
		 {
			min-height: 85%;
/*			margin-bottom: 200px;*/
		}
	
		.header{
			height: 70px;
			border-bottom: 1px solid #bbb;
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
			overflow: hidden;
			margin-bottom: 20px;
			background: #fdfdfd;
			
		}
		
	
		.row{

			overflow: hidden;
		}
		
		.editorBox {
			box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
			height: 600px;
			overflow-x: scroll;
			background: #fdfdfd;
			padding-top: 20px;
			border-radius: 3px;
		}
		.editorBox:hover{
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
		}
		.editorBoxShow {
			background: #f4f6f8;
			overflow: auto;
		}
		
		#htmlBox {
			background: #fff;
			width: 600px;
			min-height: 100%;
			margin: 0 auto;
		}
		
		.formAttr {
			
			/*width: 100%;
			height: 200px;
			position: fixed;
			
			bottom: 0;
			background: #24262F;
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
			color: #fff;
			z-index: 999999;*/
		}
		.formAttr textarea{
			color: black;
		}
		.formAttr h4 {
			margin: 10px 0 5px;
		}
		
		.formAttr p {
			margin: 10px 0 0 15px;
			display: none;
			vertical-align: top;
		}
		
		.formAttr .textShow {
			display: block;
		}
		
		.formAttr .eleProprietary {
			display: none;
		}
		
		.formAttr input {
			display: inline-block;
			width: 100px;
		}
		
		.w1200 {
			width: 1200px;
			margin: 0 auto;
		}
		#htmlBoxShow{
			margin-left:20px ;
			margin-right: 20px;
		}

		
		#closeFormAttr {
			margin-left: 20px;
			background: #eee;
			border:#5abbff 1px solid ;
			padding:  5px 12px;
			font-size: 16px;
			border-radius: 3px;
			color: #5abbff;
		}
		
		.selectedEle {
/*			border: 1px solid #629a9a;*/
			border: 1px dashed #ccc;
			background: #e7f6f6
		}
		
		.btnType .formAttrBox p {
			display: none;
		}
		
		.colorType .formAttrBox p {
			display: none;
		}
		.dateType .formAttrBox p {
			display: none;
		}
		
		.selectType .formAttrBox p {
			display: none;
		}
		
		.checkType .formAttrBox p {
			display: none;
		}
		.wordType .formAttrBox p {
			display: none;
		}
		.dividerType .formAttrBox p {
			display: none;
		}
		.dividerType .formAttrBox fieldset {
			display: none;
		}
		.inputTextType .formAttrBox p {
			display: none;
		}
		.uploadifyType .formAttrBox p {
			display: none;
		}
		.uploadifyType .formAttrBox fieldset {
			display: none;
		}

		.wordType .formAttrBox .wordShow {
			display: block;
		}
		.btnType .formAttrBox .btnShow {
			display: block;
		}
		.dateType .formAttrBox .dateShow {
			display: block;
		}
		.colorType .formAttrBox .colorShow {
			display: block;
		}
		
		.selectType .formAttrBox .selectShow {
			display: block;
		}
		
		.checkType .formAttrBox .checkShow {
			display: block;
		}
		
		.dividerType .formAttrBox .dividerShow {
			display: block;
		}
		
		.inputTextType .formAttrBox .inputTextShow {
			display: block;
		}
		
		.uploadifyType .formAttrBox .uploadifyShow {
			display: block;
		}

		.textType{
			border-bottom: 1px solid #ddd;
			line-height: 42px;
			font-weight: 600
			
		}
		#dragBox .form-group{
			margin-bottom: 0;
		}
		#saveSetBtn{
			background: #5abbff;
			border: 1px solid #38adff;
			color: #fff;
			padding: 5px 12px;
			border-radius: 3px;
			font-size: 16px;
/*			margin:0 200px 0 20px*/
		}
		#buiderHtml{
			background: #5abbff;
			border: 1px solid #38adff;
			color: #fff;
			padding: 3px 10px;
			border-radius: 3px;
			font-size: 14px;
			margin: 16px 15px 0 50px ;
			float: right;
		}
		#buiderHtml:hover{
			background: #285e8e;
			border-color: #285e8e;
		}
		.closeBuidlerHtml:hover{
			color: #000;
			cursor: pointer;
		}
		.exportHtmlBox{
			position: fixed;
			width: 700px;
			height: 500px;
			box-shadow:0 0 15px rgba(0,0,0,0.2) ;
			background: #fff;
			z-index: 9999;
			left: 50%;
		
			top: 100px;
			margin-top: -100%;
			margin-left: -350px;
			padding:30px 20px;	
			display: none;	
			overflow: hidden;
			
		}
		.exportHtmlBox #exportHtml{
			overflow-y: scroll;
			width: 100%;
			height: 100%;
		}
		.exportHtmlBox span{
			position: absolute;
			right: 5px;
			top: 0;
			font-size: 30px;
			color: #999;
		}
		#dragBox .dragItemInfoBox,#dragBox .dragItemInfo{
			text-align: left !important;
		}
		input[type="color"] { width:44px; height:23px; border: 0; padding: 0; background-color: #eee;color: #000 !important;}
		::-webkit-color-swatch-wrapper {
		    border: 1px solid #777;
		    background-image: -webkit-gradient(linear, 0 0, 100% 0, 
		        from(red), 
		        color-stop(15%, orange), 
		        color-stop(30%, yellow), 
		        color-stop(50%, green), 
		        color-stop(65%, darkcyan), 
		        color-stop(80%, blue), 
		        to(purple));
		}
		::-webkit-color-swatch { height:21px; position:relative; left: 40px; top:-5px; }
		@media only screen and (min-width:1600px ) {
			.w1200{
				width: 1600px;
				
			}
			.editorBox{
				height: 760px;
			}
			.exportHtmlBox{
				width: 1100px;
				height: 700px;
				margin-left: -550px;
			}
		}
	#htmlBox .dragItem{
		border: 1px dashed #ccc;
	}
.fontCont{
	overflow: hidden;
}
.fontCont p{
	float: left;
	width: 80px;
}
.wordContent{
	border:dashed 1px #ccc
}
